import React from 'react';
import type { ICustomSpaceProps } from './interface';

const CustomSpace: React.FC<ICustomSpaceProps> = (props) => {
    const { direction, height, width, bordered } = props;

    const CssStyle = {
        width: direction === 'horizontal' ? '100%' : width,
        height: height || 16,
        border: bordered ? 'solid 1px #eee' : 0,
    };

    return <div style={CssStyle} />;
};

export default CustomSpace;
